﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <link href="../Stylesheets/site.css" rel="stylesheet" />
    <link href="../Stylesheets/user_profile.css" rel="stylesheet" />
    <link href="../Stylesheets/logged_in_user-home_page.css" rel="stylesheet" />
    <link href="../../Content/bootstrap.min.css" rel="stylesheet" />
    <!--<link href="Content/bootstrap.min.css" rel="stylesheet" />-->
</head>
<body>

    <div id="header-bg-color">
        <div class="logo col-md-5" style="margin-top: 25px;">
            <a href="#"> <img src="http://i.imgur.com/AfXldcB.png?1" alt="savethosenotes.com" /> </a>
        </div>

        <div class="navbar col-5">

            <ul>
                <li><a href=" #">Home</a></li>
                <li><a href="#">Browse</a></li>
                <li><a href="#">My Notes</a></li>
            </ul>
        </div>
    </div>
    <!--end of header bg-color gradient-->

    <div class="container">
        <div class="row profile">
            <div class="col-md-3">
                <div class="profile-sidebar">
                    <!-- SIDEBAR USERPIC -->
                    <div class="profile-userpic">
                        <img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAKvAAAAJDFiZjBjYWE4LTczMWYtNDI3Yi04YjE5LWZlNDc2NDAwYzBlZQ.jpg" class="img-responsive" alt="">
                    </div>
                    <!-- END SIDEBAR USERPIC -->
                    <!-- SIDEBAR USER TITLE -->
                    <div class="profile-usertitle">
                        <div class="profile-usertitle-name">
                            Jason Barr
                        </div>
                        <div class="profile-usertitle-job">
                            Coder Camps
                        </div>
                    </div>
                    <!-- END SIDEBAR USER TITLE -->
                    <!-- SIDEBAR BUTTONS -->
                    <div class="profile-userbuttons">
                        <button type="button" class="btn btn-primary btn-lg">New Note</button>
                    </div>
                    <!-- END SIDEBAR BUTTONS -->
                    <!-- SIDEBAR MENU -->
                    <div class="profile-usermenu">
                        <ul class="nav">
                            <li class="active">
                                <a href="#">
                                    <i class="glyphicon glyphicon-home"></i>
                                    Overview
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="glyphicon glyphicon-user"></i>
                                    Account Settings
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <i class="glyphicon glyphicon-flag"></i>
                                    Help
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- END MENU -->
                </div>
            </div>

            <div class="col-md-9">
                <div class="profile-content">
                    <article>
                        <h1><b>Test Note 1</b></h1>
                        <p>Bespoke DIY keytar, typewriter distillery put a bird on it actually plaid hashtag Vice Blue Bottle chia narwhal viral. Gastropub chambray mlkshk disrupt messenger bag lo-fi. Banksy paleo McSweeney's letterpress, fashion axe lomo cred listicle. Seitan banh mi locavore, slow-carb cornhole food truck Neutra narwhal fanny pack VHS beard. Sartorial semiotics selfies cray Odd Future post-ironic. Lomo twee selvage direct trade photo booth plaid, biodiesel Godard shabby chic umami fap flexitarian lumbersexual. Irony small batch mixtape, tote bag organic Tumblr whatever chillwave cold-pressed bitters trust fund.</p>
                    </article>
                    <br />
                    <br />
</body>
</html>